<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .box{
            width: 1050px;
            margin: auto;
            margin-top: 2px;
            border-top: 2px soild #f1f1f1;
        }
        .logo{
            width: 1000px;
            width: 230px;
        }
        .logo-1{
            width: 160px;
            float: left;
        }
        .logo-2{
            width: 500px;
            font-size: 25px;
            float: left;
            margin-top: 10px;
        }
        table{
            width: 500px;
            width: 300px;
            margin: auto;
            background-color: #ffffff;
        }
        td{
            width: 160px;
            height: 50px;
            text-align: right;
        }
        select{
            border: 1px soild #ebebeb;
            height: 35px;
            width: 140px;
        }
        input{
            font-size: 10px;
            color: #c1c1c1;
            margin-right: 5px;
            line-height: 30px;
        }
        .t1{
            border: 1px soild #ebebeb;
            height: 30px;
            width: 180px;
        }
        .t2{
            height: 30px;
            width: 235px;
            border-top: 1px soild #ebebeb;
            border-bottom: 1px soild #ebebeb;
            border-left: 1px soild #ebebeb;
        }
        td>a{
            padding: 6px 10px 9px 10px;
            border-top: 1px soild #ebebeb;
            border-bottom: 1px soild #ebebeb;
            border-right: 1px soild #ebebeb;
            font-size: 13px;
            color: #f34f02;
        }
        p1{
            font-size:12px;
            color: #c1c1c1;
        }
        td>p1>a{
            color: #f34f02;
        }
        a{
            text-decoration:none;
        }
        button{
            border: 0;
            height: 30px;
            width: 325px;
            color:white;
        }
        .botton {
         margin: auto;
         height: 150px;

        }
        .ul {
         border-top: 1px solid #dddddd;
         border-bottom: 1px solid #dddddd;
         padding: 15px 0;
        }
       ul > li {
        display: inline-block;
        list-style: none;
       }
       ul > li > a {
       color: black;
       padding: 0 8px;
        border-right: 1px solid #dddddd;
       }
       .p {
        margin-left: 8px;
       } 
      .c {
       color: #9c9c9c;
      }
    </style>
</head>
<body>
    <div class="box">
        <div class="logo">
            <div class="logo-1">
                <img src="下载.png" alt="" style="width: 150px">
            </div>
            <div class="logo-2">用户注册</div>
        </div>
        <form action="">
            <table cellspacing="0" cellpadding="0">
                <tr>
                    <td>手机号码</td>
                    <td colspan="2">
                        <select>
                            <option value="">中国大陆&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
                            <option value="">中国大陆&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
                        </select>
                        <input type="text" name="" id="" class="" placeholder="请输入你的手机号码">
                    </td>
                </tr>
                <tr>
                    <td>验证码</td>
                    <td colspan="2">
                       <input type="text" name="" id="" class="t2" placeholder="请输入校验码">
                       <a href="javascript:;" class="getCode">获取验证码</a> 
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td><button>同意协议并注册</button></td>
                </tr>
                <tr>
                    <td></td>
                    <td colspan="2" style="text-align:left;padding:0 3px 0 16px"></td>
                    <p1>已阅读并同意以下协议<a href="">淘宝平台服务协议</a>、
                        <a href="">隐私权政策</a>、
                        <a href="">法律申明</a>、
                        <a href="">支付宝及客户服务协议</a ></p1 >
            </td>
            <tr>
                <td colspan="3"><a style="border: 0;" href="">切换成企业账户注册</a></td>
              </tr>
                </tr>
            </table>
        </form>
        <div class="botton">
            <ul>
              <li><a href="javascript:;">阿里巴巴集团</a></li><li><a href="javascript:;">阿里巴巴国际站</a></li><li><a href="javascript:;">阿里巴巴中国站</a></li><li><a href="javascript:;">全球速卖通</a></li><li><a href="javascript:;">淘宝网</a></li><li><a href="javascript:;">天猫</a></li><li><a href="javascript:;">聚划算</a></li><li><a href="javascript:;">一淘</a></li><li><a href="javascript:;">阿里妈妈</a></li><li><a href="javascript:;">阿里云计算</a></li><li><a href="javascript:;">云OS</a></li><li><a href="javascript:;">万网</a></li><li><a href="javascript:;" style="border-right: 0;">支付宝</a></li>
            </ul>
          <div class="botton-2">
            <p>关于淘宝&nbsp;合作伙伴&nbsp;营销中心&nbsp;联系客服&nbsp;开放平台&nbsp;诚征英才&nbsp;联系我们&nbsp;网站地图&nbsp;法律声明及隐私权政策&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<c>© 2021 Taobao.com 版权所有<br><br>
              网络文化经营许可证：</c>文网文[2010]040号<c> | 增值电信业务经营许可证：浙B2-20080224-1 | 信息网络传播视听节目许可证：1109364号</c></p>
          </div>
        </div>
      </div>
    </div>
</body>
</html>